function showmsg(msg, color, callback) {
	if (!document.getElementById("pop_info")) {
		let str = '<div style="display:table; width:300px; height: 150px; border:2px solid #dddddd; background-color: #FFFFFF;position: fixed; left: 50%; margin-left: -150px; top: 50%; margin-top: -75px;z-index: 99999; border-radius:4px; box-shadow:0px 0px 10px red; padding:10px" id="pop_info">';
		str += '<p style="display: table-cell; vertical-align: middle;line-height: 30px; text-align: center; font-size: 18px;" id="pop_content"></p></div>';
		$(document.body).append($(str));
	}
	let url = "info.png";
	if (color == "red") {
		url = "error.png";
	} else if (color == "green") {
		url = "success.png";
	} else if (color == "yellow") {
		color = "orange";
		url = "warning.png";
	}
	
	$("#pop_content").text(msg).prepend($('<span id="pop_icon" style="display: inline-block; vertical-align: middle; width:40px; height: 30px; line-height: 30px; background: url(/images/info.png) no-repeat center center; background-size: 28px 28px"></span>')).css("color", color);
	$("#pop_info").css({"border-color": color, "box-shadow": "0px 0px 10px " + color});
	$("#pop_icon").css("background-image", "url(/images/" + url + ")");
	$("#pop_info").fadeIn('fast', function() {
		setTimeout(function() {
			$("#pop_info").fadeOut('fast', callback);
		}, 2000);
	})
}